{include file="public/head"/}
<div class="container-fluid" id="main">

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="alert alert-dismissable alert-info">
                <button type="button" class="close">×</button>
                <p></p>
            </div>
        </div>
    </div>
   
   
    <div class="ntDesktop">
    	<div class="ntDesktop-head">产品{:lang("introduction_type")}</div>
    
        <div class="row clearfix" style="padding-top:0px">
            <div class="col-md-12 column text-right">
                <div>
                    <a href="{:url('product/detailtypeAdd')}" class='btn btn-primary' data-toggle="modal" data-target="#detailtype_editModal"><span class="glyphicon glyphicon-plus"></span> {:lang('add_product_description_type')}</a>
                </div>
            </div>
        </div>
    
        <div class="row clearfix">
            <div class="col-md-12 column">
                <table class="table table-striped table-hover ntTable" v-cloak>
                    <thead>
                        <tr>
                            <th style="text-align:center"><!-- <input type="checkbox"  /> --> </th>
                            <th> {:lang('name')} </th>
                            <th> {:lang('language')} </th>
                            <th> {:lang('job_authorized')} </th>
                            <th> {:lang("review")} </th>
                            <th style="text-align: center;"> {:lang('operate')} </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in datalist">
                            <td align="center"></td>
                            <td>{{item.content}}</td>
                            <td>{{item.langStr}}</td>
                            <td>{{item.position}}</td>
                            <td>{{item.verify}}</td>
                            <td class="text-right">
                                <div>
                                  <a :href="'/admin/product/detailtypeEdit?id='+item.id" class='btn btn-sm btn-primary' data-toggle="modal" data-target="#detailtype_editModal"><span class="glyphicon glyphicon-pencil"></span> {:lang('edit')}</a>
                                  <!-- <button class='btn btn-sm btn-default option-del' @click="delfun(item.id)" ><span class="glyphicon glyphicon-trash"></span> {:lang('delete')}</button> -->
                                    <a href="javascript:;" class='btn btn-sm btn-danger option-clear' @click="delfun(item.id)" ><span class="glyphicon glyphicon-fire"></span> {:lang('clear')}</a>
                                </div>
                            </td>
                        </tr>
                        <tr style="text-align: center;" v-if="datalist.length==0">
                                <td colspan="6">{:lang('no_data')}</td>
                            </tr>
                    </tbody>
                </table>
                <ul class="pagination" id="pagination">
                </ul>
            </div>
        </div>
    </div>
</div>


<!--添加弹窗部分 开始-->


<div class="modal fade" id="detailtype_editModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="width:1000px">


        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script src="/static/Admin/js/detailtype.js"></script>
<!--弹窗部分 结束-->
<script type="text/javascript">
    $("#detailtype_editModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });

    $('.option-del').click(function(){
        
});
</script>

{include file="public/foot"/}